@charset "utf-8";



/*By ChuangKe CSS Document 自适应 */



body,div,h1,h2,h3,h4,h5,span,em,p,img,li,a,ul,dd,dt,dl,i{font-weight: normal;font-size: 14px;color:#252525;font-style: normal;margin: 0;padding: 0;list-style: none;text-decoration: none;font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}



.wd{width: 1200px;margin: 0 auto;overflow: hidden;}.fr{float: right;}.fl{float: left;}.xs{margin-top: 2.0em}.z{text-align: center;}



img{border: none;vertical-align: middle;}



/*head*/



.chuangke-top{width: 100%;overflow: hidden;height: 50px;line-height: 50px;background-color: #f4f4f4;border-bottom: 1px solid #dedede}



.chuangke-top li{display: inline;margin-right: 10px;}



.wnzi{ width:600px; float: left;}



.header dd{width: 375px;margin-left: 8px; float: left;border-left: 1px solid #ececec;padding-left: 10px;margin-top:4px;}



.header dd p{padding-top: 8px;}



.header dl{ float:right;}



.header h2{font-size: 26px;font-weight: bold;}



.ico {background: url(../images/icon.png) no-repeat;display: inline-block;vertical-align: middle;}



.tel {float: right;width: 300px;padding:8px 0 0 0;line-height: 26px;margin-left: 3px;}



.tel b {color: #666;font-size: 14px;font-weight: normal;display: inline-block;}



.tel span {color:#cd0e15;font-size: 30px;line-height: 30px;font-weight: bold;font-family: arial;display: inline-block;}



.tel s {width: 57px;height: 57px;float: left;margin-right: 10px;margin-top: 5px;background-position: 0 0;}



.chuangke-nav{background-color:#214d98;height:auto;}



.chuangke-nav li{width: 120px;height: 65px;line-height:65px;text-align: center;float: left}



.chuangke-nav a{color: #fff; font-size:16px;}



.chuangke-nav em img{margin-right: 6px;margin-bottom: 2px;}



.chuangke-nav li>a:hover,.chuangke-nav li.cur>a{ background-color:#cd0e15;height:65px;color: #fff;display: block;}



/* banner */



.c-banner{width: 100%;position: relative;z-index: 3}



.c-banner img{width: 100%;}



.c-banner .banner ul{list-style: none;padding-left: 0px;margin-bottom: 0px;}



.c-banner .banner ul li{position: absolutedisplay: none;opacity: 0;}



.c-banner .banner ul li:nth-child(1){opacity: 1;display: block;}



.c-banner .banner ul li img{width: 100%;position: absolute;top: 0px;}



.c-banner .banner ul li:first-child img{position: relative;}



.c-banner .nexImg,.c-banner .preImg{padding: 25px 10px 25px 10px;position: absolute;top: 50%;margin-top: -53px;background: #000000;opacity: 0.5;border-radius: 5px;z-index: 10;}



.c-banner .nexImg:hover,.c-banner .preImg:hover{opacity: 0.8;}



.c-banner .nexImg{right: 0px;}



.c-banner .nexImg img,.c-banner .preImg img{}



.c-banner .jumpBtn{width: 100%;position: absolute;bottom: 20px;text-align: center;}



.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}



.c-banner .jumpBtn ul li{width: 15px;height: 15px;border-radius: 50%;display: inline-block;background-color: white;opacity: 0.9;margin-left: 10px;}



.c-banner .jumpBtn ul li:first-child{margin-left: 0px;}



/*chanpin*/



.chuangke-chanpin{width: 100%;margin: 0 auto;overflow: hidden;margin-top: 2em;}



.chanpinl{width: 25%;border: 3px solid #214d98;background-color: #fff;}



.chanpinl .tit {text-align: center;color: #fff;line-height: 70px;font-size: 24px;font-weight: bold;background-color: #214d98;}



.chanpinl dl {padding: 10px;margin: 0;}



.chanpinl dt a {display: block;line-height: 60px;background: url(../images/g3.jpg) no-repeat center;color: #fff;font-size: 18px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



.chanpinl dd {margin: 0;}



.chanpinl dd a {display: block;line-height: 47px;font-size: 15px;border-bottom: 1px dotted #e5e5e5;background: url(../images/aao_10.jpg) left center no-repeat;padding-left: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



.chanpinr{width: 73%;}



.title-1 {border-bottom: 1px solid #e2e2e2;font-size: 24px;color: #0d5ba4;padding-bottom: 15px;margin-bottom: 20px;line-height: 32px;}



.title-1 .more {float: right;font-size: 14px;}



.chanpinr dl{width: 31.9%;border: 1px solid #ddd;display: inline-block;margin-right:2px;margin-bottom: 10px;margin-left: 5px;}



.chanpinr dl h2{height: 45px;line-height: 45px;background-color: #f4f4f4;display: block;text-align: center;}



.chanpinr dl dt{width: auto;height: auto;overflow: hidden;}.chanpinr dt img{width: 100%;height:auto;transition: 1s;}



.chanpinr dt img:hover{transform:scale(1.08);width: 100%;overflow: hidden;}


.morecp{ width:868px; height:60px; background:#F00; margin:0 auto; text-align:center;}

.morecp a{ color:#fff; line-height:60px; font-size:30px; font-weight:bold;}



/*case*/



.chuangke-case li{width: 24.35%;float: left;margin-bottom: 10px;margin-right:10px;}



.chuangke-case li img{width:100%;}.chuangke-case li:nth-child(4n){margin-right: 0px;}



.chuangke-case li h3{height: 35px;line-height: 35px;text-align: center;}



/*about*/



.chuangke-about{padding:3em 0;width: 100%;overflow: hidden;background: url(../images/aboutBg2.png)repeat;}



.chuangke-about dd{width: 45%;padding:0px 20px 20px 20px;overflow: hidden;}.chuangke-about dt{width: 50%;overflow: hidden;}



.chuangke-about dd p{line-height: 30px;text-indent: 2em}



.chuangke-about dl dd h2{color: #333;line-height: 44px;height: 110px;overflow: hidden;background: url(../images/ab_line02.gif) no-repeat 0 bottom;margin-bottom:1.3em;}



.chuangke-about dl dd h2 i{display: block;font-size: 20px;font-weight: normal;background: url(../images/ab_tline.png) no-repeat 135px 20px;color: #333;}



.chuangke-about dl dd h2 a{color: #333;font-size: 40px;font-weight: bold;}



.chuangke-about dl dd h2 a:hover{color: #3871c1;}



.tl-fdh-02 {height: 55px;background: #fff;margin-top: 20px;overflow: hidden;}



.tl-fdh-02 li {width: 16.66%;height: 55px;font-size: 18px;line-height: 55px;text-align: center;float: left;border-right: 1px solid #eee;margin-right: -1px;background: #efefed;cursor: pointer;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}



.tl-fdh-02 li a {display: block;height: 55px;color: #595757;}



.tl-fdh-02 li.sidenavcur,



.tl-fdh-02 li:hover {background: url(../images/p16-icon6.png) no-repeat bottom center #3871c1;border-color: #3871c1;}



.tl-fdh-02 li.sidenavcur a,



.tl-fdh-02 li:hover a {color: #fff;}



/*youshi*/



.guide-info dl:last-child{margin-right:0px;}



.guide-info dl {float: left;text-align: center;width:19.8%;margin-right: 2px;background: #eeeeee;}



.guide-info dt {overflow: hidden;height: 60px;width: 100%;padding: 35px 0 25px 0;text-align: center;}



.guide-info dt b {max-width:100%;overflow: hidden;font-size: 48px;color: #214d98;height: 60px;line-height: 60px;display: inline-block;}



.guide-info dt em {max-width: 50%;overflow: hidden;display: inline-block;font-size: 18px;line-height: 30px;height: 30px;color: #333;word-break: break-all;}



.guide-desc {font-style: normal;display: block;height: 108px;padding: 0 8px;overflow: hidden;font-size: 16px;line-height: 26px;color: #333;}




.ewmBox { background: url(../images/xfbg.png) repeat; bottom: 0; height: 60px; left: 0; position: fixed; width: 100%; z-index: 100; }
.ewmBoxIn { height: 60px; line-height: 60px; margin: 0 auto; position: relative; width: 1200px; }
.ewmBoxIn p { font-size: 28px; font-weight: bold; color: #fff; }
.ewmBoxIn p b { font-size: 48px; color: #f00; }
.ewm2 { bottom: 0px; height: 60px; position: absolute; right: 0; width: 60px; z-index: 999; }
.ewm2 img.wxxt { height: 60px; width: 60px; }
.ewm2 img.wxxt1 { bottom: 60px; display: none; left: -120px; position: absolute; }
.ewm2:hover .wxxt1 { display: block; }





.zxfg{margin-top: 40px; width: 1200px;    margin: 0 auto;}

.zxfg .zxfc{width: 309px;height: 460px;background: #f0f0f0;float: left;text-align: center;}

.zxfg .zxfc em{padding-top:90px;height: 77px;font-style: normal;font-weight: bold;display: block;font-size: 45px;color: #154dba;}

.zxfg .zxfc em i{display: block;font-size: 36px;font-style: normal;line-height: 26px;}

.zxfg .zxfc span{width: 228px;margin: 0 auto;display: block;border-top: 1px solid #c2c1c1;border-bottom: 1px solid #c2c1c1;height:55px;font-size: 20px;font-weight: bold;line-height: 55px;font-weight: bold;margin-bottom: 30px; color:#999; font-weight:normal;}

.zxfg .zxfc p{color: #585656;font-size: 18px;line-height: 30px;display: block;margin-bottom:30px}

.zxfg .zxfc a{display: inline-block;background: #ff7a04;width: 105px;height: 30px;color: #fff;font-size: 14px;line-height: 30px;margin-right: 8px}

.zxfg .zxfc a.cur{background: #cc2520;}

.zxfg .zxfc p.cur{width: 50px;}

.zxfg ul li{float: right;position: relative;width: 60px;overflow: hidden;}

.zxfg ul li span{width: 60px;float: left;display: block;}

.zxfg ul li.cur{width: 650px}

.zxfg ul li.cur p{width: 650px;}

.zxfg ul li.cur p img{width: 650px;height: 460px;}

.zxfg ul li span{position:absolute;top: 0;left:0;    background: url(../images/tmc.png) no-repeat right 0;}

.zxfg ul li span a{height:446px;background: #214d98;display:block;float: left;width: 16px;padding:30px 12px 0 12px;color: #fff;line-height:27px;font-size: 14px;}

.zxfg ul li span a:hover,.zxfg ul li.cur span a{background: #cd0e15;text-decoration: none;}

.zxfg ul li.cur span{background:none}

.zxfg .zxfc-t{float:left;width: 890px;}

.zxfg1{ width:1200px; height: 460px;overflow:hidden; padding:20px 0;}









.Solution {

	width:1200px;

	margin:0 auto;

}

.Solution .container {

	overflow:hidden;



}







.CMtitle {

	background: url("../images/cpzsbg.jpg") repeat-x left top;

    line-height: 86px;

    overflow: hidden;

    width: 1185;

	height:86px;

	padding-left:15px;

}

.Solution .CMtitle a {

    color: #fff;

	font-size:40px;

}

.CMtitle em {

    color: #fff;

	font-size:20px;

}

.hangye{ float:left; width:590px;}

.hangye ul li{ float:left; cursor:pointer; width:290px; height:110px; margin-right:1px; margin-bottom:1px; line-height:110px; font-size:30px; background:#eeedf2; text-align:center; font-family: "微软雅黑";}

.hangye ul li:hover,.hangye ul li.cur{ background:#f0373d; color:#fff;}

.Slcont {

	float:right;

	width:600px;

    overflow: hidden;

}

.Slcont ul {

    overflow: hidden;

    width: 600px;

	height:445px;

}

.Slcont ul li {

    overflow: hidden;

    position: relative;

    width: 600px;

	height:445px;

}

.Slcont ul li img {

	width:600px;

	height:450px;

}

.Slcont ul li h5 {

	background:url(../images/casebg.png) no-repeat center;

	position:absolute;

	left:0;

	bottom:0;

	width:800px;

    height: 60px;

    line-height: 60px;

	text-indent:30px;

}

.Slcont ul li h5 a {

    color: #fff;

    font-size: 30px;

	font-weight:bold;

}

.Slcont ul li p {

    color: #303030;

    font-size: 12px;

    height: 60px;

    line-height: 20px;

    margin-top: 3px;

    overflow: hidden;

}

.Slcont ul li .Rmore {

    background:  url("../images/rmore.png") repeat;

    color: #fff;

    display: inline-block;

    font-size: 14px;

    height: 36px;

    line-height: 36px;

    margin-top: 15px;

    text-align: center;

    text-decoration: none;

    width: 130px;

}

.Slcont ul li .Rmore:hover {

    background:  url("../images/rmore_h.png") no-repeat;

}



.ysy dl{ overflow: hidden; margin-bottom:30px; background: #f4f4f4;}



.ysy dl dt{ float: right; width: 600px;}



.ysy dl dd{ float: left; width: 600px; margin-top: 42px;}



.ysy dl dd h3{background:url(../images/y_dt1.gif) no-repeat; height: 81px; overflow: hidden;}



.ysy dl dd h3 span{ display: inline-block; float: left; width: 88px; height: 80px; line-height: 80px; text-align: center; font-size: 48px; font-family: Arial; color: #fff;}



.ysy dl dd h3 em{ display: inline-block; float: right; width: 490px; padding-top: 21px; color: #095db0; font-size: 24px;}



.ysy dl dd h3 em i{ color: #cd0e15; font-size: 20px;}



.ysy dl dd p{ padding: 35px 42px 0 90px;}



.ysy dl dd p span{ display: block; padding-left: 17px; font-size:18px; line-height: 30px; margin-bottom: 25px;background:url(../images/y_li.png) no-repeat 0 11px;}



.ysy dl.fan dt{ float: left;}



.ysy dl.fan dd h3{background:url(../images/y_dt2.gif) no-repeat; }



.ysy dl.bg3 dd h3{background:url(../images/y_dt3.gif) no-repeat; }



.ysy dl.fan2 dd h3{background:url(../images/y_dt4.gif) no-repeat; }



.ysy dl.bg3,.ysy dl.fan2{ background: #fff;}



.ysy h4{ text-align: center;}



.ysy h4 em{ display: block; margin-top: 7px;}



.ysy h4 em a{ display: inline-block;background:url(http://img.shangyunseo.com/images/ly_btn.png) no-repeat; padding-left: 60px; width: 108px; height: 36px; line-height: 33px; font-size: 18px; color: #fff; font-weight: bold; text-align: left;}



.ysy h4 span{ display: inline-block; font-weight: normal; font-size: 16px; color: #333; padding-left: 32px;background:url(http://img.shangyunseo.com/images/y_tel.gif) no-repeat; min-height:24px;}



.ysy h4 i{ font-family: Arial; font-size: 26px; color: #333;}





.new_l{ width: 705px;}



.new_l dl dt img{ width: 705px; height:221px;}



.new_l dl dt{ padding-bottom: 20px;}



.new_l dl dd h4{ overflow: hidden;}



.new_l dl dd h4  span{ display: inline-block; width: 61px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #cc0000; font-size: 16px; color: #fff;font-weight: normal; margin-right: 14px; float: left;}



.new_l dl dd h4 a{ display: inline-block; font-size:18px; color: #333;font-weight: normal; width: 623px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height: 30px;}



.new_l dl dd p{ font-size: 13px; color: #666; line-height: 24px; padding-top:9px; height: 65px; border-bottom: 1px solid #e5e5e5; margin-bottom: 13px;}



.new_l ul li{ height: 47px; line-height: 47px;padding-left:21px;background:url(http://img.shangyunseo.com/images/n_li.jpg) no-repeat 5px 19px;}



.new_l ul li span{ display: inline-block; float: right;}



.new_l ul li a{ display: block; font-size: 14px; color:#333333; border-bottom: 1px dashed #e0e0e0; }



.new_l ul li:hover{background:url(http://img.shangyunseo.com/images/n_lic.jpg) no-repeat 5px 19px;color: #0071db;}



.new_l ul li:hover a{ color: #0071db;}



.new_l ul li.nob a{ border-bottom: none;}







.faqs{ width:450px;overflow: hidden; background: #f4f4f4; border-top: 3px solid #095db0; height: 660px;}



.faqs h3{ padding: 0 28px; height: 47px; line-height: 47px; border-bottom: 1px solid #dcdcdc;}



.faqs h3 a{ color: #232c35; font-size: 18px; font-weight: bold;}



.faqs h3 span{ display: inline-block; float: right; font-weight: normal;}



.faqs h3 span a{ font-weight: normal; color: #095db0; font-size: 14px;}



.faqs ul li{ border-bottom: 1px dashed #d8d8d8; margin: 0 28px; padding: 27px 0;}



.faqs ul li a{ display: block; height: 20px; line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 15px; color: #333;}



.faqs ul li a:hover{ color: #095db0;}



.faqs ul li span{ display: block; font-size: 13px; color: #666; line-height: 23px; padding-top:5px; text-align:left;}



.faqs ul li.nob{ border-bottom: none;}











/*tit*/



.title {width: 100%;margin: 0 auto 1.33em;text-align: center;height: 100px;overflow: hidden;}



.title p {display: block;height: 60px;overflow: hidden;font-size: 36px;font-weight: bold;line-height: 60px;color: #000000;}



.title span {position: relative;height: 30px;overflow: hidden;display: inline-block;font-size: 20px;font-weight: normal;line-height:30px;color: #666666;padding: 0 150px;}



.title span:before {left: 0;}



.title span:after {right: 0;}



.title span:before,



.title span:after {position: absolute;content: "";width: 130px;height: 2px;background-color: #dcdcdc;top:50%;}



.com-title h2 a{color: #333333;text-decoration: none;font-size: 34px;font-weight: bold;}



.com-title em{color: #e15616;font-weight: bold;font-size: 34px;}



.com-title p{font-size: 20px;color: #666666;margin-top: 2px;}



.com-title i{display: block;width: 398px;height: 3px;margin: 12px auto 0;}



.com-title i img{display: block;width: 398px;height: 3px;}



/*liucheng*/



.chuangke-lc{width: 100%;margin: 0 auto;overflow: hidden;padding-top: 40px;padding-bottom: 25px;background: url(../images/lc_bg.jpg) center no-repeat;margin-top: 2em}



.chuangke-lc h3{text-align: center;color: #fff;margin-bottom: 10px;font-size: 24px;font-weight: bold;height: 24px;line-height: 24px;}



.chuangke-lc h3 span{ display: inline-block;vertical-align: middle;width: 42px;height: 2px;background-color: #e5e5e5;margin: 0 18px;}



.chuangke-lc h4{line-height: 14px;height: 14px;text-align: center;color: #fff;}



.lc li{ display: inline-block;width: 90px;height: 114px;position: relative;margin-right: 90px;padding-top: 20px;}



.lc_ico {width: 80px;height: 80px;margin: 0 auto;border-radius: 50%;}



.lc> ul > li:nth-child(1) .lc_ico {background: url(../images/lc_ico1.png) center no-repeat #ffffff;}



.lc> ul > li:nth-child(2) .lc_ico {background: url(../images/lc_ico2.png) center no-repeat #ffffff;}



.lc> ul > li:nth-child(3) .lc_ico {background: url(../images/lc_ico3.png) center no-repeat #ffffff;}



.lc> ul > li:nth-child(4) .lc_ico {background: url(../images/lc_ico4.png) center no-repeat #ffffff;}



.lc> ul > li:nth-child(5) .lc_ico {background: url(../images/lc_ico5.png) center no-repeat #ffffff;}



.lc> ul > li:nth-child(6) .lc_ico {background: url(../images/lc_ico6.png) center no-repeat #ffffff;}



.lc> ul > li:nth-child(7) {margin-right: 0;}



.lc> ul > li:nth-child(7) .lc_ico {background: url(../images/lc_ico7.png) center no-repeat #ffffff;}



.lc p{text-align: center;color: #fff;padding-top: 10px;}



/*fanye*/



.page{height:40px; line-height:40px; text-align:center; margin-top:30px;overflow: hidden;}



.page li{display:inline; padding:5px 10px; border:1px solid #ddd; margin-right:5px;}



.page li a{color: #555;}



.page li a:hover{background:#f5f5f5; color:#0064c4;}



.page li.thisclass{background:#0058A5; color: #fff;}



.page li.thisclass a{text-decoration:none; cursor:default; border-color:#0064c4; color: #fff;}



.page .pageinfo strong{font-weight:normal;}



/*list-nei*/



.list-cp li{width:24.00%;border: 1px solid #f1f1f1;margin-right:9px;margin-bottom: 10px;display: inline-block;transition: 1s;}



.list-cp li:nth-child(4n){margin-right: 0px;}.list-cp li img{width: 100%;}



.list-cp li img:hover{transform:scale(1.01);width: 100%;overflow: hidden;}



.list-cp li h2{height: 40px;line-height: 40px;display: block;text-align: center;}



.chuangke-fuwu{box-shadow: 0 0 37px rgba(0,0,0,.1);padding: 50px 0;/* overflow: hidden; */}



.chuangke-fuwu ul li{width: 20%;text-align: center;float: left;background: url(../images/Icon06.png) no-repeat center left;position: relative;}



.chuangke-fuwu ul li:first-child{background: none;}



.chuangke-fuwu ul li b{font-size: 24px;color: #333;}



.chuangke-fuwu ul li p{color: #333;font-size: 18px;margin-top: 10px;}



.chuangke-fuwu ul li img{width: 50px;height: 50px;display: block;margin: 15px auto 0;position: relative;transition: all 0.5s;}



.portal-btn {display: block;width: 164px;margin: 22px auto 0;line-height: 30px;text-align: center;font-size: 14px;color: #ff4c53;border: 1px solid #ff4c53;background: #fff4f5;border-radius: 30px;}



.chuangke-fuwu ul li.cur i{display: block;width: 89px;height: 5px;background-color: #043985;}



.chuangke-fuwu ul li.cur b{color: #043985;}



.chuangke-fuwu ul li:hover img{transform: rotateY(180deg);position: relative;}



/*neiye*/



.weizhi{width: 100%;background-color: #f2f2f2;}



.weizhi h2{height: 58px;line-height: 58px;font-weight: normal;}



.js-banner{width: 100%;overflow: hidden;margin:auto 0;padding: 90px 0;background-image: url(../images/neibj.jpg);background-position: center center;}



.js-banner h2{line-height: 30px;}



.js-banner h2 a{text-align: center;display: block;font-size: 30px;color: #fff;font-weight: bold;padding-bottom: 1.2em;}



.js-banner i{height: 3px;width: 80px;background-color: #fff;display: block;margin: 0 auto;margin-bottom: 1.2em;}



.js-banner p{text-align: center;color: #fff;font-size: 16px;}



.guoyekai-img{width:43%;}.guoyekai-img img:hover{border: 1px solid #16AAD8;}



.guoyekai-img img{width:100%;padding: 5px;border: 1px solid #f1f1f1;}.guoyekai-cp{border: 1px solid #f1f1f1;padding: 10px;width: 1200px;margin: 0 auto;overflow: hidden;margin-top:2em}



.guoyekai-cp .info{width: 32%;margin-left:30px;}



.guoyekai-cp h1{font-weight: bold;font-size: 24px;border-bottom: 1px dashed #d8d8d8;padding-bottom: 5px;margin-bottom:0.7em;}



.views{overflow: hidden;background-color: #f2f2f2;padding: 5px 8px;margin-top: 10px;border-top-right-radius: 2em;border-bottom-right-radius: 2em;margin-bottom: 0.7em;}



.guoyekai-cp time{background: #fff url(../images/cover-photo.png) 40px 15px no-repeat;margin: 5px 0;}



.info p{line-height: 30px;}



.info .time b{background: url(../images/guanzhu.gif) 0 2px no-repeat;width: 13px;height: 12px;display: inline-block;margin-right: 5px;}



.guoyekai-kf{width:21.5%;background-color: #f1f1f1;overflow: hidden;text-align: center;padding-bottom: 5px;border: 1px dashed #d8d8d8;}



.guoyekai-kf img{border-radius: 100px;border: 5px solid rgba(255,255,255,.8);width: 180px;height: 180px;margin: 10px 0;}



.guoyekai-kf h2{font-weight: bold;font-size: 28px;}.guoyekai-kf p{margin:5px 0;font-size: 16px;padding-bottom:8px}



.guoyekai-kf span{width: 80%;background: #ed1c24;border-radius:10px;display: block;margin: 0 auto;margin-bottom: 10px;padding: 10px;color: #fff;font-size: 16px;}



.guoyekai-kf span a{color: #fff;letter-spacing: 4px;font-size: 16px;}.tuijian{width: 100%;margin: 0 auto;overflow: hidden;background-color: #f1f1f1;margin-top: 2em;padding: 1em 0;}



.guoyekai-kf1{width:21.5%;background-color: #f1f1f1;overflow: hidden;text-align: center;padding-bottom: 5px;border: 1px dashed #d8d8d8;display: none;}



.guoyekai-kf1 img{border-radius: 100px;border: 5px solid rgba(255,255,255,.8);width: 180px;height: 180px;margin: 10px 0;}



.guoyekai-kf1 h2{font-weight: bold;font-size: 28px;}.guoyekai-kf p{margin:5px 0;font-size: 16px;padding-bottom:8px}



.guoyekai-kf1 span{width: 80%;background: #ed1c24;border-radius:10px;display: block;margin: 0 auto;margin-bottom: 10px;padding: 10px;color: #fff;font-size: 16px;}



.guoyekai-kf1 span a{color: #fff;letter-spacing: 4px;font-size: 16px;}.tuijian{width: 100%;margin: 0 auto;overflow: hidden;background-color: #f1f1f1;margin-top: 2em;padding: 1em 0;}



.zixun-tel{background: url(../images/zaixian.png) no-repeat left center;padding-left:22px;}



.zixun-sh{background: url(../images/kefu.png) no-repeat left center;padding-left:24px;}



.attr_same{width: 108px; border:#a6a6a6 1px dashed;text-align:center;float:left;display:block;color:#929191;line-height:30px;position:relative;border-top-left-radius:0;border-top-right-radius:32px;border-bottom-left-radius:0;border-bottom-right-radius:32px;border-left:5px solid #1a1919}



.spec_name{width: 54px;float: left;height: 31px;padding-bottom: 1px;line-height: 31px;font-weight: normal;color: #a3a3a3;}



.catt a{border: #a6a6a6 1px dashed;text-align: center;text-decoration: none;margin-left: 12px;padding:0 5px;float: left;color:#929191;position:relative;height: 30px;line-height: 30px;margin-bottom:10px;width:auto}



.catt a:after {width:0;height:0;display:block;position:absolute;top:23px;content:"";right:-1px;border-bottom:8px solid #222;border-left:8px solid transparent}



.catt a:hover:after {border-bottom:8px solid red;border-left:8px solid transparent}



.catt a:hover {border:#d10000 1px dashed;color:#ed1c24}



.catt a div.showattr{position: absolute;display: none;z-index: 999;background: url(../images/bgattr.gif) no-repeat;border-bottom: #fccd97 1px solid;text-align: left;width: 116px;padding: 10px 10px 5px;line-height: 25px;color: #ff7a7b;font-size: 12px!important;}



.n-tit h3{display: inline-block;height: 30px;border-bottom:6px solid #2d5998;font-weight: bold;font-size: 24px;}



.n-tit{height: 30px;font-weight: normal;line-height:20px;border-bottom: 1px solid #666;margin-bottom: 15px;padding-bottom: 3px;}



.chuangke-js{border: 1px solid #f1f1f1;padding: 2em;}



.chuangke-js p{line-height: 30px;text-indent: 2em;}



.chuangke-js img{ padding:0 0 10px 0;}



 /*neiye case*/



.chuangke-anli{width: 100%;margin: 0 auto;overflow: hidden;background: url(../images/asq_27.jpg) top center no-repeat;padding: 3em 0;margin-top: 2em;}



.chuangke-anli .n-tit h3{color: #fff;}.chuangke-anli li:nth-child(4n){margin-right: 0px;}.chuangke-anli li p{padding: 0 0.7em;margin-bottom: 1em;}



.chuangke-anli li {float: left;width: 24.3%;margin-right: 8px;margin-bottom: 10px;border: 1px solid #fff;background-color: #f4f4f4;}



.chuangke-anli li img{width: 100%;transition:all 1.2s;-moz-transition:all 1.2s;-webkit-transition:all 1.2s;-o-transition:all 1.2s; overflow:hidden; display:block}.chuangke-anli li h3{height: 35px;line-height: 35px;text-align: center;display: block;}



.chuangke-anli li:hover{border: 1px solid #427afb;}.chuangke-anli li .dximg{height: 218px;overflow: hidden;}



.chuangke-anli li img:hover{transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1); }



/*xuanfu*/



.shipin-xf{position: fixed;bottom:300px;}



.shipin-xf span{display: block;height: 35px;line-height: 35px;background-color:#ffb800;text-align: center;color: #000;border-top-left-radius: 10px;border-top-right-radius: 10px;}.xfgg img{width: 100%;}



.xfgg{position: fixed;z-index: 2;bottom:0px;background: url(../images/ggbj.png) no-repeat center top;width: 100%;}



#nav11,#xianyin {position: fixed;right: 4%;}



#nav11 {bottom: 174px;}



#nav11 a,#xianyin a {margin-bottom: 2px;display: block;position: relative;width: 98px;height: 35px;line-height: 35px;text-align: center;background-color:#214d98;color: #fff;border-left: 2px solid transparent;border-left: 2px solid #a5c1ff;}



#nav11 a:hover,#xianyin a:hover {width: 98px;border-left: 2px solid #d89d03;}



/*news*/



.chuangke-news{display: block;}



.chuangke-news .date{padding: 1em;border-right: 1px solid #ebebeb;text-align: center;width: 75px;font-weight: bold;background-color: #f1f1f1}



.chuangke-news .date em{font-size: 36px;font-weight: bold;display: block;padding-bottom: 2px;margin-bottom: 2px;background-color: #f1f1f1;}



.chuangke-news li{border: 1px solid #ebebeb;margin-bottom: 10px;overflow: hidden;width: 49.1%;display: inline-block;margin-right: 10px;}



.chuangke-news li:nth-child(2n){margin-right: 0px;}



.chuangke-news .news{width:76%;padding: 1em;}.chuangke-news .news h3{font-weight: bold;font-size: 16px;}



.chuangke-news .news p{margin-top: 0.5em;color:#4a4a4a}



.ck-news .yin_t:before{left: 38%;}



.ck-news .yin_t:after{right: 38%;}.yin_t a{font-size:36px;font-weight:bold;}



.yin_t{color: #333;text-align: center;position: relative;height: 90px;line-height:30px;}



.yin_t:before{content: "";width: 18px;height: 1px;background: #000;position: absolute;top:16px;left: 33%;}



.yin_t:after{content: "";width: 18px;height: 1px;background: #000;position: absolute;top: 16px;right: 33%;}



.ck-news span{display: block;font-size:16px;font-weight: normal;text-align: center;}



/*chuangke-ad*/



.con1 {margin-top: 20px;overflow: hidden;background-color: #f5f5f5;}   



.con1 dt {width: 315px;border-right: 1px dashed #ccc;float: left;overflow: hidden;background-color: #3871c2;}   



.con1 dt h3 {width: 146px;height: 140px;float: left;margin-right: 20px;overflow: hidden;}  



.con1 dt h3 img {width: 146px;height: 140px;}   



.con1 dt p {font: 30px "Microsoft Yahei";font-weight: bold;color: #fff;margin-top: 45px;}  



.con1 dd {width: 830px;float: right;display: inline;overflow: hidden;}  



.con1 dd h4 {display: block;font: 20px "Microsoft Yahei";color: #333;overflow: hidden;margin-top: 28px;}



.con1 dd p {font: 16px "Microsoft Yahei";color: #333;line-height: 24px;overflow: hidden;margin-top: 10px;padding-right: 30px;}



/*footer*/



.chuangke-foot{width: 100%;padding: 50px 0;overflow: hidden;background: #1a1a1a;}



.footer_d_l {float: left;width: 192px;}



.footer_d_m {font-size: 18px;color: #ccc;line-height: 30px;}



.footer_d_line {width: 50px;height: 1px;background: #666;margin-top: 10px;transition: all 0.8s linear;}



.footer_d_ld, .footer_d_id {overflow: hidden;margin-top: 30px;color: #999;font-size: 14px;line-height: 26px;height: 173px;}



.footer_d_ld a, .footer_d_id a {color: #999;font-size: 14px;}



.footer_d_i {overflow: hidden;width: 266px;float: left;}



.footer_d_r {float: right;width: 288px;overflow: hidden;}



.footer_d_rd {width: 288px;overflow: hidden;margin-top: 30px;}



.footer_d_rd_l {float: left;width: 120px;text-align: center;overflow: hidden;color: #666;}



.footer_d_rd_r {float: left;margin-left: 20px;}



.footer_d_rd img {width: 120px;}



.footer_d_ld_a a {overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 160px;}



.footer_d_ld_a td table {display: none;}



.footer_d_l:hover .footer_d_line, .footer_d_i:hover .footer_d_line, .footer_d_r:hover .footer_d_line {transition: all 0.8s linear;width: 70px;}



/*copy*/



.copy {width: 100%;background: #000;text-align: center;font-size: 14px;color: #999;overflow: hidden;padding: 30px 0;line-height: 30px; margin-bottom:60px;}



.copy a {font-size: 14px;color: #999;}



.copyW {width: 1200px;margin: 0 auto;}



/*pcyic*/



.titi-2,.side,.sjchanpinlist,.sjnewslist,.sjcaselist{display: none;}



/*quanjing*/



.chuangke-qj{width: 100%;padding: 2em;overflow: hidden;background-image: url(../images/jdbj.jpg);padding: 30px 0 30px 0;}



.chuangke-qj iframe{height: 500px;}



.chuangke-qj .title p{color: #fff;}



.chuangke-qj .title span {position: relative;height: 30px;overflow: hidden;display: inline-block;font-size: 20px;font-weight: normal;line-height:30px;color: #e9e9e9;padding: 0 150px;}







@media(max-width:1024px){



.wd{width:90%;}.header h2{display: none;}



.header .wnzi{display:none;}



.chuangke-nav li{width:10%;height: 4em;line-height:4em;}



	.title{width: 90%;}



	.chanpinl,.shipin-xf,.footer_d_i{display: none;}



	.c-banner{width: 100%;overflow: hidden;}



	.c-banner .banner ul li img{width: 100%;}



	.bar-left em{margin-top: 100px;} .bar-right em{margin-top: 100px;}



	.chuangke-case li{margin-right: 7px;}



	.chuangke-about dt{width: 100%;}.chuangke-about dd{width: 95%;margin-top: 2em}



	.chuangke-about dl dd h2{background:none;text-align: center;line-height: 34px;height: auto;}



	.chuangke-about dl dd h2 i{background: none;border-bottom: 5px solid #e15616;overflow: hidden;margin: 0 auto;width: 15%;}



	.lc li{margin-right: 35px;}



	.ck-news .yin_t:before{left: 35%;}.ck-news .yin_t:after{right: 35%;}



	.chuangke-news .date{width: 19%;}.chuangke-news .news{width:71%}.chuangke-news li{width:48.9%;}



	.chuangke-news .news h3{height: 1.2em;width: 100%;overflow: hidden;}.chuangke-news .news p{height: 3em;overflow: hidden;}



	.copy{padding: 20px 0;}



	.chanpinr{width: 100%;}



	.chuangke-chanpin{height: 67.5em;}



	/*listnei*/



	.chuangke-fuwu ul li{width: 25%}.chuangke-fuwu ul li:nth-child(3n){display: none;}



	.list-cp li:nth-child(3n){margin-right: 0px;}



	.list-cp li:nth-child(4n){margin-right: 5px;}.list-cp li:nth-child(8n){margin-right: 5px;}.list-cp li:nth-child(12n){margin-right: 0px;}



	.list-cp li{width: 32.35%;}



	.con1 dt{width: 32%;}.con1 dd{width: 66%;}



	/*neijieshgao*/



	.guoyekai-cp{width: 90%;}



	.guoyekai-img{width: 65%;}



	.guoyekai-cp .info{width: 100%;float: right;margin-left: 0px;margin: 1.2em 0px}



	.guoyekai-kf,#nav11{display: none;}



	.guoyekai-kf1{display: block;width: 30.5%;padding-bottom: 1rem}



	.guoyekai-kf1 h2,.guoyekai-kf1 p{margin-bottom: 0.5rem}



	.chuangke-anli li:nth-child(3n){margin-right: 0px;}.chuangke-anli li:nth-child(4n){margin-right: 8px;}



	.chuangke-anli li:nth-child(6n){margin-right: 0px;}



	.chuangke-anli li .dximg{width: 100%;height: auto;}



	.chuangke-anli li img{width: 100%;}.chuangke-anli li{width: 32.5%;}



	.chuangke-anli ul{overflow: hidden;}



	.side{display: none;}



	.chuangke-qj iframe{height: 350px;}



}







@media(max-width:798px){



	/*shouye*/



	.wd{width:90%;}.xs{margin-top:1em;}



	.chuangke-nav .wd{width: 100%;} 



	.chuangke-nav li{width:19.782%;border-right: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;height:2em;line-height:2em}



	.chuangke-nav li>a:hover,.chuangke-nav li.cur>a{ background-color:#d89d03;height:2em;color: #fff;display: block;}



	.chuangke-nav li:nth-child(5n){border-right:0px solid #f4f4f4;}.title{height: auto;}



	.c-banner{width: 100%;overflow: hidden;}



	.c-banner .banner ul li img{width: 100%;}



	.c-banner .jumpBtn ul li{width: 0.7rem;height: 0.7rem}



	.c-banner .nexImg, .c-banner .preImg,.chuangke-chanpin,.list-cp,.chuangke-news{display: none;}



	.guide-info dl{margin:2px;width: 48.8%;}.guide-info dl:last-child{display: none;}



	.guide-info dt{padding:1.5em 0 0.5em 0;height: auto;}.guide-desc{height: 70px;}



	.title p{font-size: 26px;line-height: 26px;height: auto;}



	.title span:before, .title span:after{width: 5px;background-color: #214d98;}



	.sjnewslist li{width: 95%;border-radius: 0.2em;border: 1px solid #ececec;overflow: hidden;margin-bottom: 0.5em;padding: 0.5em;}



	.sjnewslist .news{width: 71%;}



	.sjnewslist .date{width:21%;text-align: center;background-color: #ececec;padding: 0.5em;}.sjnewslist .date em{display: block;font-size: 16px;font-weight: bold;margin: 0.3em 0;}



	.sjnewslist{overflow: hidden;}



	.ck-news .yin_t:before{left: 17%;}.ck-news .yin_t:after{right: 17%;}



	.chuangke-case li:nth-child(2n){margin-right: 0px;}.chuangke-case li{width: 48.7%}



	.chuangke-case{height:auto;margin: 0 auto;overflow: hidden;margin-top: 1.5rem;}



	.chuangke-about{margin-top: 1.5rem}



	.chuangke-about dl dd h2 i{width: 37%;}



	.chuangke-lc,.bar-left,.bar-right,.tel,.title-1,.footer_d_l{display: none;}.footer_d_r{float: left;}



	.titi-2{display: block;text-align: center;margin-bottom: 1rem;padding: 0.5rem;background-color: #ffbd10;}



	.titi-2 h3{font-size: 26px;font-weight: bold;text-align: center;display: block;color: #000;}



	/*listnei*/



	.chuangke-fuwu ul li{width:50%;margin-bottom: 1rem}.chuangke-fuwu ul li:nth-child(3n){display: none;}



	.list-cp li:nth-child(2n){margin-right: 0px;}



	.list-cp li:nth-child(3n){margin-right: 0px;}.list-cp li:nth-child(8n){margin-right: 5px;}.list-cp li:nth-child(12n){margin-right: 0px;}



	.list-cp li{width: 47.51%;}



	.portal-btn {display: block;width:77%;margin: 1.5em 0;margin: 0 auto;}



	.chuangke-fuwu ul li p{font-size: 14px;}.chuangke-fuwu ul li b{font-size: 16px;}



	.chuangke-fuwu{padding: 2em 0;}



	/*neiyejieshao*/



	.js-banner{padding: 1rem 0px;}



	.js-banner h2 a{font-size: 16px;}



	.guoyekai-img{width: 100%;}



	.guoyekai-kf1{width: 100%;margin: 0.2rem 0px;}



	.chuangke-anli li:nth-child(2n){margin-right: 0px;}.chuangke-anli li:nth-child(3n){margin-right: 8px;}.chuangke-anli li:nth-child(6n){margin-right: 0px;}



	.chuangke-anli li p{display: none;}



	.chuangke-anli li{width: 47.3%;}



	.com-title h2 a{font-size: 28px;}.com-title em{font-size: 28px;}



	.com-title p{font-size: 16px;}



	.chuangke-js{overflow: hidden;width: 100%;margin: 0 auto;padding: 0px;border:0px;}



	.n-tit{width: 94%;margin-left: 0.7rem;}



	.title span{display: none;}.yin_t a{font-size: 28px;}



	.chuangke-about dl dd h2 a{font-size: 22px;}



	.tl-fdh-02,.attr_same,.con1,.xuanfu,#nav11{display: none;}



	.copy{margin-bottom: 70px;}.chuangke-top h1{display:none;}



	.chuangke-qj .title span{display: none;}



	.chuangke-qj iframe{height: 200px;}



	.guide-info dt b{font-size: 35px;line-height: 35px;height: 35px;}



	.sjchanpinlist,.sjnewslist,.sjcaselist{display: block;}.sjchanpin{background-color: #ececec;padding: 2em 0;width: 100%;margin: 0 auto;overflow: hidden;margin-top: 2em;}



	.sjchanpinlist li{width: 48.5%;border: 1px solid #f1f1f1;float: left;margin-right: 0.4em;margin-bottom: 0.6em;}



	.sjchanpinlist li img{width: 100%;}.sjchanpinlist li:nth-child(2n){margin-right: 0px;}



	.sjchanpinlist h3{display: block;height: 2.2em;line-height: 2.2em;text-align: center;background-color: #fff;}



}



@media(max-width:450px){}